<script setup lang="ts">

interface IProps {
    data: string[]
}

defineProps<IProps>()
</script>

<template>
    <div class="home-swipe">
        <van-swipe class="swipe__content" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="v in data" :key="v">
                <img class="activity" :src="v" />
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<style lang="scss" scoped>
.home-swipe {
    border-radius: 8px;
    width: 180px;
    height: 180px;
    background: linear-gradient(to bottom, rgb(252, 202, 202), white, white, white);
    box-sizing: border-box;
    .swipe__content .van-swipe-item {
        color: #fff;
        .activity {
            width: 180px;
            height: 180px;
        }
    }
}
</style>